@import "/css/reset.css";
/*-------------------------------------------------------------------------------------------

INDEX:

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
-2.2.1 Drop-down menus
-2.3 Header
-2.4 Content
-2.5 Sidebar
-2.6 Footer
-2.7 Featured Area
-2.8 Homepage
-2.9 Portfolio

3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi

4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets

5. COMMENTS
-5.1 Comments
-5.2 Comments Form
-5.3 Pingbacks / Trackbacks 

-------------------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */

body  { font: 14px "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif; line-height: 1.5; color: #333; background-color: #fff; }

h1, h2, h3, h4, h5, h6  { margin: 0; font-family: "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif; color: #333; }
h1  {font-size: 30px;} h2  {font-size: 24px;} h3  {font-size: 20px;} h4  {font-size: 18px;} h5  {font-size: 14px;} h6  {font-size: 12px;}

p  {margin: 0;}

/* 1.2 Hyperlinks */

a:link, a:visited  { color: #06a0f0; text-decoration:none; }
a:hover  { text-decoration:underline; }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline;}



/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE --  http://www.blogingbloging.com */
/*-------------------------------------------------------------------------------------------*/

/* 2.1 Containers & Columns */
#container  {
}

#top{background:url(/images/bg.jpg) repeat-x top center;min-height:0;}


.col-left { float: left; }
.col-right { float: right; }
.col-full  { width: 960px; margin: 0 auto; }

/* 2.2 Navigation */
#navigation{font-size:11px;}

#navigation ul.rss{background:url(/images/ico-rss.png) no-repeat 0 5px;padding:6px 0 3px 15px;}
#navigation ul.rss li{display:inline;padding:0 10px;}

ul#nav { margin-top:9px; }
#nav, #nav ul  { z-index:100; margin:0; padding:0; list-style:none; line-height:1; }
#nav a  { display:block; z-index:100; padding:0 10px; line-height:28px; font-size:17px; color:#fff; text-decoration:none;}
#nav li  { float:left; width: auto; padding:2px 5px;}
#nav li:hover, #nav li.current_page_item { background: #222; }
#nav li li.current_page_item { background: none; }

/* 2.2.1 Drop-down menus */
#nav li ul  { position: absolute; left: -999em; width: 172px; background: #FFF; border:1px solid #efefef;}
#nav li ul li  { border: 1px solid #efefef; border-width: 0 0 1px; padding:0; }
#nav li ul li a  { background:url(/images/ico-bullet.png) no-repeat 5px 10px; width:145px; padding-left:15px; line-height:30px; font-size:12px; color:#000; }
#nav li ul li:hover  { background:#fafafa; }
#nav li ul  { padding:5px; }
#nav li ul ul  { margin: -25px 0 0 120px; }
#nav li ul li ul li a  { border-width: 0 0 1px; }
#nav li:hover ul ul, #nav li.sfhover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul ul { left:-999em; }
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul  { left:auto; }
#nav li:hover,#nav li.hover  { position:static; }

#nav .sf-sub-indicator {display:none;}

/* 2.3 Header */
#header{background:url(/images/bg-top.png) repeat;padding:25px 0 20px;clear:both;position:relative;z-index:10;}

#logo  { }
#logo img  { }
#logo .site-title, #logo .site-description  { display: none; }
#logo .site-title a { color:#fff; font-size:32px; line-height:28px; text-transform:uppercase; letter-spacing:1px;  }
#logo .site-title a:hover { text-decoration:none; color:#eee; }
#logo .site-description { color:#bbb; text-transform:uppercase; font-size:12px;}

/* 2.4 Content */
#content{background:url(/images/bg-content-top.png) repeat-x top center; min-height:400px;padding:30px 0; }
* html #content{height:550px;}

#main{width:620px;}
#main.fullwidth  { width: 960px; }

/* 2.5 Sidebar */
#sidebar{width:260px;overflow:hidden; padding:25px 25px 15px; background:#f7f7f7; border-bottom:1px solid #dbdbdb; }

/* 2.6 Footer */
#footer{background: #232323 url(/images/bg-footer-top.png) repeat-x top center; font-size:12px;padding: 20px 0;border-top: 1px solid #eee; }
#footer #credit, #footer #copyright { color: #777; }
#footer #credit a, #footer #copyright a { color: #999; }

#footer #footer-credits { background:url(/images/bg-footer-bevel.png) repeat-x top center; padding:25px 0 20px; margin: 20px 0; }
#footer #credit img{vertical-align:middle;}
#footer #credit span{display:none;}

#footer #footer-widgets { margin-top:20px; color:#bbbbbb; font-size:14px; }
#footer #footer-widgets p { color:#bbbbbb; }
#footer #footer-widgets .block { float:left; width:210px; margin:0 40px 0 0; }
#footer #footer-widgets .block.last { margin-right:0; }
#footer #footer-widgets h3 { font-size:18px; color:#fff; font-weight:normal;}
#footer #footer-widgets ul { border:none; }
#footer #footer-widgets li { padding-left:15px; }
#footer #footer-widgets li a { border:none; color:#fefefe; line-height:18px; padding:3px 0; }
#footer #footer-widgets li a:hover { color:#06a0f0; }

/* 2.7 Featured Area */
#featured { background:url(/images/bg-border-top.png) repeat-x top left; }
#featured #page-title { padding: 25px 0; }
#featured h2, #featured h1, #featured span.archive_header { color:#fff;font-size:40px; line-height:40px; letter-spacing:-1px;  }
#featured span.archive_header  { display:block; font-size: 30px; font-weight:bold; }
#featured span.archive_header.blog  { font-size: 40px; }

/* 2.8 Homepage */
#featured.home .featured-image { width:490px; padding:40px 0 0; margin-bottom:-60px; position:relative; text-align:center; }
#featured.home .play { background:url(/images/btn-play.png) no-repeat; position:absolute; bottom:0; left:0; width:470px; height:380px;}
#featured.home .featured-content { width:450px; padding:60px 0 0; }
#featured.home h2 { font-size:48px; padding:20px 0 30px;}
#featured.home p { font-size:20px; color:#fff; line-height:30px; }

#featured a.button { background: url(/images/btn-featured-right.png) no-repeat scroll top right; display: block; float: left; height: 44px; padding-right: 16px;text-decoration: none;color: #777;font-family:Arial, Helvetica, sans-serif; font-size:22px;margin:30px 30px 20px 0;letter-spacing:-1px;}
#featured a.button span {	float:left; background: url(/images/btn-featured.png) no-repeat; display: block;	line-height: 44px; padding: 0px 10px 0px 55px; } 
#featured a.button:hover span{ text-decoration:none; color:#555; }
#featured a.button:hover { cursor:pointer; }

#breadcrumb.home { min-height:100px; height:auto; padding:10px 0 20px;}
#breadcrumb.home .left { width:490px; margin-top:65px;}
#breadcrumb.home .right { width:450px; }
#breadcrumb.home a.thumb { float:left; margin-left:20px; border:1px solid #ddd; width:70px; height:70px; background:url(/images/thumb-hover.png) no-repeat; }
#breadcrumb.home a.thumb img { padding:5px; height:60px; width:60px; }
#breadcrumb.home h2 { font-size:18px; text-transform:uppercase; margin:10px 0;}
#breadcrumb.home p { color:#555; line-height:22px; font-size:14px; padding:0 0 15px;}

#twitter { background: #f7f7f7; border-bottom:1px solid #dbdbdb; margin:10px 0 0; padding:18px 30px 16px; color:#777; font-size: 18px; min-height:42px; }
#twitter  #twitter_update_list { margin-left:65px; }
#twitter #twitter_update_list li { line-height:22px; }

#mini-features { margin:40px 0 20px; }
#mini-features .block { width:440px; margin:0 40px 30px 0; float:left; }
#mini-features .block.last { margin:0; }
#mini-features .feature { margin-left:55px; }
#mini-features .home-icon { float:left; }
#mini-features h3 { font-size:18px; padding-bottom:10px; }
#mini-features p { padding-bottom:15px; }
#mini-features a.btn { margin: 15px 0 0 0; background:#f0f0f0 url(/images/ico-bullet.png) no-repeat 90% 50%; color:#333; font-size:12px; text-transform:uppercase; border:none; padding:4px 20px 4px 12px; }
#mini-features a.btn:hover { background:#06a0f0 url(/images/ico-bullet.png) no-repeat 90% 50%; color:#fff; text-decoration:none; }

#main-page1 { padding: 30px 0 0; }
#main-page2 { padding: 0 0 30px; }


#info-box { background: #f7f7f7; border-bottom:1px solid #dbdbdb; padding:30px 40px 10px; margin:0 0 20px; }
#info-box .block { width:420px; margin:0 40px 20px 0; float:left; }
#info-box .block.last { margin-right:0; }
#info-box .icon { float:left; }
#info-box h3 { background: url(/images/bg-info-box-title.png) repeat-x scroll center bottom; text-transform:uppercase; font-size:14px; padding:0 0 15px 50px; line-height:30px; margin-bottom:15px; }
#info-box p { padding-bottom:15px; }
#info-box blockquote { background:url(/images/bg-quote.png) no-repeat top left; padding:0 0 15px 50px; font-family:Georgia, serif; font-size:14px; color:#777; font-style:italic; min-height:12px; }
#info-box cite { padding:0 0 0 50px; }
#info-box .quote { padding-bottom:20px; }

/* 2.9 Portfolio */
#portfolio .block { width:460px; margin:0 10px 20px 10px; display:inline; }
#portfolio .block a.thumb { background: url(/images/portfolio-hover.png) no-repeat; border:1px solid #ddd; padding:4px; margin:0 0 20px 0; display:block;}
#portfolio .block img.portfolio-img {   }
#portfolio .block h2 { font-size:18px; margin-bottom:15px; }
.port-cat { text-transform:uppercase; }
.port-cat a { padding:2px 6px; background:#e4e4e4; margin:0 0 0 5px; border:1px solid #ccc; }
.port-cat a:hover { text-decoration:none; background:#eee; }

/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS  --  http://www.blogingbloging.com */
/*-------------------------------------------------------------------------------------------*/

#breadcrumb { background:#eee url(/images/bg-breadcrumb-top.png) repeat-x top center; height:44px; border-top:1px solid #efefef; border-bottom:1px solid #d5d5d5; color:#777; line-height:44px; }
#breadcrumb img.rss { position:relative; margin:9px 0 0 10px; }


.post  { margin: 0 0 25px 0;}

.post .title  { width:100%;position:relative; margin: 0 0 5px 0; }
.post .title a:link, .post .title a:visited  { color: #222; }

.post-meta{font-family:Arial, Helvetica, sans-serif; margin: 0 0 15px 0;font-size:11px;color:#9F9F9F;}
.post-meta .comments a  { padding: 0 0 0 20px; text-transform: uppercase; }

.post p.tags{background:url(/images/ico-tag.gif) no-repeat center left;padding-left:25px;width:100%;clear:both;}

.entry  {}

/* 3.1 Typographic Elements */
.entry h1 {}  .entry h2 {}  .entry h3 {}  .entry h4 {}  .entry h5 {}  .entry h6 {}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6  {	margin: 0 0 15px 0; }

.entry p  { margin: 0 0 15px 0; }

.entry blockquote  { padding: 10px 30px; color: #666; }
.entry blockquote p  {}

.entry ul  { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ul ul  { margin: 0; }
.entry ul li  {	list-style-type: circle; }
.entry ul ul li  { list-style-type: disc; }

.entry ol  { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ol ol  { margin: 0; }
.entry  ol li  { list-style-type: upper-latin; }
.entry  ol li ol li  { list-style-type: lower-latin; }

/* 3.2 Images */
.entry img  { padding: 5px;	border: 1px solid #ccc; }
img.wp-smiley  { padding: 0; border: none; }

.entry .alignleft  { float: left; width: auto; margin: 10px 15px 10px 0; }
.entry .alignright  { float: right; width: auto; margin: 10px 0 10px 15px; }
.entry .aligncenter  { text-align: center; }

.entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F4; border: solid 1px #e6e6e6; }
.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }
.entry .wp-caption-text { margin:0; padding:0; font-size:11px; text-align:center; }

/* 3.3 Pagination / WP-Pagenavi */
.more_entries {font-size:14px; line-height:18px; font-style:italic !important;}
.more_entries a { display: block; margin: 0; background:#F7F7F7; border-bottom:1px solid #DBDBDB; padding:4px 8px; color:#777;  }
.more_entries a:hover { text-decoration:none; }

.more_entries .wp-pagenavi { margin: 15px 0; text-align: right;  }
.more_entries .wp-pagenavi a:link,
.more_entries .wp-pagenavi a:visited { display: inline; text-decoration: none; background: #efefef;color: #777; padding: 4px 8px; border:none; border-bottom:1px solid #DBDBDB; }
.more_entries .wp-pagenavi .current, 
.more_entries .wp-pagenavi .on,
.more_entries .wp-pagenavi a:hover { padding: 4px 8px; background: #F7F7F7; color:#777; border:none; border-bottom:1px solid #DBDBDB;  }
.more_entries .wp-pagenavi .extend, 
.more_entries .wp-pagenavi span.pages { background: #F7F7F7;color: #777; padding: 4px 8px; border:none;  border-bottom:1px solid #DBDBDB;}


/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS  --  http://www.blogingbloging.com */
/*-------------------------------------------------------------------------------------------*/

/* 4.2 Generic Widgets */
.widget  { margin: 0 0 30px 0; }
.widget h3  { margin: 0 0 15px 0;text-transform:uppercase; font-size:14px; text-transform:uppercase; color:#777; }

.widget p { color:#666; }
.widget ul  { clear:both; }
.widget ul li  { background: url(/images/ico-bullet.png) no-repeat left 8px; padding-left:15px; }
.widget ul li a  { display: block; padding: 3px 0; line-height: 18px; text-decoration: none; color:#666; }
.widget ul li a:hover  { color: #000; }
.widget ul ul  { padding: 0 0 0 15px; border-top: none; }

/* 4.2 Specific Widgets */

/* WIDGET FORMS */
#searchform  { margin: 15px 0 0 0; background:#fff;  border: 3px solid #e2e2e2; position:relative; }
#searchform .btn { position:absolute; right:10px; bottom:0; }
.widget input#s, .widget input.field  { width: 180px; padding: 6px 0; margin-left:10px; border: 0; color:#999999; }
.widget input.submit  { }
.widget .screen-reader-text  { display: none; }

/* FLICKR */
.widget_woo_flickr h3  {}
.widget_woo_flickr h3 span{color:#0061D8;}
.widget_woo_flickr h3 span span{color:#FF1183;}
.widget_woo_flickr .flickr_badge_image  { width: 75px; float: left; margin: 4px 6px; }

.widget_woo_flickr .wrap  { margin-left: -5px; position: relative; margin-bottom: 25px; padding: 0; }
.widget_woo_flickr a img  { float: left;  margin: 0;  display: block; border: #CECFC6 1px solid; padding: 3px;}
.widget_woo_flickr a:hover img  { border:#A8AA99 1px solid; }

/* LIFESTREAM */
.widget_lifestream ul li  { border-bottom: 1px solid #e0e6e6; }
.widget_lifestream ul li a  { border:none; background:none!important; }
.widget_lifestream ul .lifestream_meta  { color: inherit; }

/* CALENDAR */
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;}
#wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}

/* MISC */
.adspace-widget { text-align:center; }

/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS  --  http://www.blogingbloging.com */
/*-------------------------------------------------------------------------------------------*/

/* 5.1 Comments */
#comments {position:relative;margin-top:20px;padding:0;}
#comments h3{ color:#555; font-weight:normal; }
#comments .comment.thread-even { background: #f7f7f7; border-bottom:1px solid #b2b2b2; }
#comments .comment{margin-top:10px;width:100%;list-style-type:none;}
#comments .comment .comment-container  { padding: 15px 20px; }
#comments .comment-head  { margin: 0 0 15px 0; }
#comments .comment-head .avatar  { float: right; margin: 0 0 10px 10px; }
#comments .comment-head .avatar img{margin: 0;vertical-align: middle;border:1px solid #ddd; padding:3px; background:#fff; }
#comments .comment-head .name  { margin: 0; font-weight: bold; font-size: 15px; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; }
#comments .comment-entry p  { margin: 0 0 10px 0;}
#comments .reply { padding-top:10px; }
#comments .reply a {  padding:1px 15px; background:#e7e7e7; color:#444; text-decoration:none; font-size:12px; text-transform:uppercase;}
#comments .reply a:hover { background:#06a0f0; color:#fff; }

#comments ul.children{margin:10px 0 0 25px;padding:0; }
#comments .cancel-comment-reply{margin-bottom:10px;}

#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}

#comments h3#pings { margin-top:25px; }
#comments .pingbacks li.pingback { margin:10px 0; }
#comments .pingbacks li.pingback .reply { display:none; }

/* 5.2 Comments Form */
#respond  { margin: 25px 0 0 0; }
#respond h3  { color:#555; font-weight:normal; }
#respond .left { float:left; width:200px; margin-right:15px; }
#respond .right { float:left; width:380px; }

#commentform  {	margin: 15px 0 0 0;  }
#commentform input.txt  {  color:#666; background: #fcfcfc; width: 170px; margin: 0 5px 10px 0; padding: 7px 10px; border: 3px solid #e2e2e2; }
#commentform textarea  { color:#666; background: #fcfcfc; width: 95%!important; padding: 7px 10px; border: 3px solid #e2e2e2; }

input, textarea, submit { font-family: "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif;  font-size: 14px; }
#commentform #submit  { margin: 15px 0 0 0; background:#f0f0f0 url(/images/ico-bullet.png) no-repeat 90% 50%; color:#333; font-size:12px; text-transform:uppercase; border:none; padding:4px 25px 4px 15px; }
#commentform #submit:hover  { background:#06a0f0 url(/images/ico-bullet.png) no-repeat 90% 50%; color:#fff; cursor:pointer; }

/* 5.3 Pingbacks / Trackbacks */
h3#pings  { margin: 25px 0 10px 0; }
.pinglist li  { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author  { font-weight: bold; font-size: 15px; }
.pinglist li .date  { font-size: 11px; }
.pinglist li .pingcontent  { display: block; margin: 10px 0; }


form tr {
/*    clear: both;*/
    float: left;
    margin-bottom: 18px;
    position: relative;
    width: 50%;
}

form label {
    cursor: pointer;
    display: block;
    float: left;
    font-weight: 700;
    padding-right: 20px;
    width: 100px;
}


form .submit, form input, form textarea {
    border-radius: 10px 10px 10px 10px;
}

input[type="submit"] {
    background: none repeat scroll 0 0 #F0F0F0;
    border: medium none;
    color: #333333;
    font-size: 12px;
    margin: 15px 120px 0 0;
    padding: 4px 25px 4px 15px;
    text-transform: uppercase;
    float: right;
}

input[type="submit"]:hover{background:#06a0f0; color:#fff; cursor:pointer;}

form input, form textarea {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 3px solid #E2E2E2;
    padding: 7px 10px;
    width: 214px;
}

ul.error_list {
    color: #ff0000;
}

input[type="checkbox"] {
    margin-right: 196px;
    width: 20px;
}